﻿<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <meta content="meta description" name="description">

    <!-- Site title -->
    <title>主页</title> <!-- Favicon -->
<link rel="icon" href="<%=ctxPath%>/static/favicon.ico" mce_href="<%=ctxPath%>/static/favicon.ico" type="image/x-icon" />

    <!-- Bootstrap CSS -->
    <link href="../assets/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font-Awesome CSS -->
    <link href="../assets/css/font-awesome.min.css" rel="stylesheet">
    <!-- IonIcon CSS -->
    <link href="../assets/css/ionicons.min.css" rel="stylesheet">
    <!-- Plugins CSS -->
    <link href="../assets/css/plugins.css" rel="stylesheet">
    <!-- Main Style CSS -->
    <link href="../assets/css/style.css" rel="stylesheet">
</head>

<body>

<!-- header area start -->
<header>
    <!-- main menu area start -->
    <div class="header-main sticky">
        <div class="container custom-container">
            <div class="row align-items-center position-relative">
                <div class="col-lg-2 col-md-6 col-6 position-static">
                    <div class="logo">
                        <a href="index.html">
                            <img alt="Brand logo" src="../assets/img/logo/gues_welcome.jpg">
                        </a>
                    </div>
                </div>
                <div class="col-lg-8 d-none d-lg-block position-static">
                    <div class="main-header-inner">
                        <div class="main-menu">
                            <nav id="mobile-menu">
                                <ul>
                                    <li><a href="index.html">首页</a></li>
                                    <li><a href="shop-grid-full-width.html">商品</a></li>
                                    <li><a href="cart.html">购物车</a></li>

                                    <li><a href="collect.html">收藏</a></li>
                                    <li><a href="my-account.html">设置</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
                <div class="col-12 d-block d-lg-none">
                    <div class="mobile-menu"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- main menu area end -->
</header>
<!-- header area end -->

<!-- slider area start -->
<div class="hero-area">
    <div class="hero-slider-active slider-arrow-style slick-dot-style">
        <a href="shop-grid-full-width.html">
            <div class="hero-single-slide hero-overlay hero-overlay-black">
                <div class="hero-slider-item hero-slider-item__style-2 bg-img"
                     data-bg="../assets/img/slider/slide-3.jpg">
                </div>
            </div>
        </a>
        <a href="shop-grid-full-width.html">
            <div class="hero-single-slide hero-overlay hero-overlay-black">
                <div class="hero-slider-item hero-slider-item__style-2 bg-img"
                     data-bg="../assets/img/slider/slide-2.jpg">
                </div>
            </div>
        </a>
    </div>
</div>
<!-- slider area end -->

<!-- featured product area start -->
<div class="new-product">
    <div class="container custom-container">
        <div class="row">
            <div class="col-12">
                <div class="section-title text-center">
                    <p>现在有空</p>
                    <h2>新产品</h2>
                </div>
            </div>
        </div>
        <!-- product view mode wrapper start -->
        <div class="shop-product-wrap grid row">
            <div class="col-xl-3 col-lg-6 col-md-4 col-sm-6">
                <!-- product grid item start -->
                <div class="product-item mb-30">
                    <div class="product-thumb">
                        <a href="product-details.html">
                            <img alt="product image" src="../assets/img/product/00000003.jpg">
                        </a>
                    </div>
                    <div class="product-description text-center">
                        <div class="product-name">
                            <h3><a href="product-details.html">Bopo Designs Roolrich</a></h3>
                        </div>
                        <div class="price-box">
                            <span class="regular-price">$100.00</span>
                            <span class="old-price"><del>$120.00</del></span>
                        </div>
                        <div class="product-btn">
                            <a href="cart.html">添加到购物车</a>
                        </div>
                    </div>
                </div>
                <!-- product grid item end -->
            </div>
        </div>
        <!-- product view mode wrapper start -->
    </div>
</div>
<!-- featured product area end -->

<!-- banner feature start -->
<div class="banner-feature-area bg-navy-blue">
    <div class="container">
        <div class="banner-feature-inner">
            <div class="row mtn-40">
                <div class="col-md-4">
                    <div class="banner-feature-item mt-40">
                        <div class="banner-feature-icon">
                            <img alt="icon" src="../assets/img/icon/icon-1.png">
                        </div>
                        <div class="banner-feature-content">
                            <h4>免费送货</h4>
                            <p>Lorem khaled ipsum is a major</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="banner-feature-item mt-40">
                        <div class="banner-feature-icon">
                            <img alt="icon" src="../assets/img/icon/icon-2.png">
                        </div>
                        <div class="banner-feature-content">
                            <h4>在线支持</h4>
                            <p>Lorem khaled ipsum is a major</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="banner-feature-item mt-40">
                        <div class="banner-feature-icon">
                            <img alt="icon" src="../assets/img/icon/icon-3.png">
                        </div>
                        <div class="banner-feature-content">
                            <h4>终生保修</h4>
                            <p>Lorem khaled ipsum is a major</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- banner feature end -->

<!-- footer area start -->
<footer>
    <!-- footer botton area start -->
    <div class="footer-bottom-area">
        <div class="container custom-container">
            <div class="row align-items-center">
                <div class="col-md-4 order-1">
                    <div class="footer-social-link">
                        <a href="#"><i class="fa fa-wechat"></i></a>
                        <a href="tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=506031313"><i class="fa fa-qq"></i></a>
                        <a href="#"><i class="fa fa-weibo"></i></a>
                    </div>
                </div>
                <div class="col-md-4 order-3 order-md-2">
                    <div class="copyright-text text-center">
                        <p>版权<a href="#" title="self">@colouredglaze</a>保留所有权利</p>
                    </div>
                </div>
                <div class="col-md-4 ml-auto order-2 order-md-3">
                    <div class="footer-payment">
                        <img alt="" src="../assets/img/payment.png">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- footer botton area end -->
</footer>
<!-- footer area end -->

<!--All jQuery, Third Party Plugins & Activation (main.js) Files-->
<script src="../assets/js/vendor/modernizr-3.6.0.min.js"></script>
<!-- Jquery Min Js -->
<script src="../assets/js/vendor/jquery-3.3.1.min.js"></script>
<!-- Popper Min Js -->
<script src="../assets/js/vendor/popper.min.js"></script>
<!-- Bootstrap Min Js -->
<script src="../assets/js/vendor/bootstrap.min.js"></script>
<!-- Plugins Js-->
<script src="../assets/js/plugins.js"></script>
<!-- Ajax Mail Js -->
<script src="../assets/js/ajax-mail.js"></script>
<!-- Active Js -->
<script src="../assets/js/main.js"></script>
</body>

</html>
